@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
*{ margin:0px; padding:0px;} 
html{overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote 
{ font-size:14px;_background-image:url(about:blank);_background-attachment:fixed;font-family:'微软雅黑';}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{border:0;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
a{text-decoration:none;outline:0;}
.noneBottomBorder{ border-bottom: none!important;}		
.noneTopBorder{ border-top: none!important;}
.backgroudW{ background: #fff; padding: 15px; margin: 24px 0px;}
body{background:#ffffff;}
.fl{ float:left;}

/* header */
.header{position:relative;  width:100%; }
.LTbox{
	width:1000px;height:77px;  margin: 0 auto; 
}
.logo{ 
	float:left;
	width:550px; height:77px;
}
.toptel{
	position:relative;float:right;
	width:190px; height:63px;  padding-left:40px; padding-top: 14px;
	color:#3b3b3b; font-size: 12px; line-height:20px; text-align:left;
	background: url(../images/telbg.jpg) left center no-repeat;
 }
.toptel span{ 
	display:block;
	color: #3b3b3b;font-size:20px;line-height:20px;font-family:Century Gothic;
}

.navgrp{
	position: relative;
	width:100%;height:56px;margin:0 auto;  border-top: 1px solid #3d3d3d;
}
.navbd{position:relative;width:1000px;height:56px;margin: 0 auto; }
.nav{width:1000px;height:56px;}
.nav li{
	 position: relative;float:left;text-align: left; 
	 width:111px;height:56px; display: block; 
	 background: url(../images/navbg.jpg) right center no-repeat;
}
.nav li a{ 
	width:111px;height:56px;display:block; 
	color:#3b3b3b;font-size:16px;line-height:56px; text-align: center;  }
.nav li a span{
	display: none;
	color:#9bd9ff;font-size:12px;line-height:20px; text-align: center; text-transform: uppercase;
}	
.nav .menu a,.nav .on a{
	display:block;
	width:111px;height:56px; padding-top: 14px; border-top:3px solid #3d3d3d;  margin-top: -3px;
	color:#ffffff;font-size:16px; line-height:20px;text-align: center;
	background:#0078c1;
}
.nav .menu a span,.nav .on a span{
	display:block;
}

.nav .menuFirst a{
	display:block;
	width:111px;height:56px; padding-top: 14px; border-top:3px solid #3d3d3d;  margin-top: -3px;
	color:#ffffff;font-size:16px; line-height:20px;text-align: center;
	background:url(../images/home2.jpg) 12px 16px no-repeat #0078c1;
}
.nav .menuFirst a span{
	display:block;
}


#navChild{ 
	position:absolute;left:0px; top:56px; width:103px; z-index:99; display: none;
	padding:14px 4px 0px 4px;
	background:#0078c1;}
#navChild a{
	position:relative; 
	width:103px; height: 36px; display:block;/*border-bottom: 1px solid #383d4a;*/ padding: 0px; border-top:none;
	color:#ffffff!important; font-size:14px;line-height:36px; text-align:center;}
#navChild a:hover{color:#ffcc00!important;background-image:none!important;}
/* end navgrp */

.banner{
	position:relative;
	width:100%;height:400px; 
}
.bann{
	position:absolute; left:50%; margin-left: -800px;
	width:1600px; height:400px;}
#focus {position:relative;width:1600px; height:400px; overflow:hidden;}
#focus ul {position:absolute;height:400px; }
#focus ul li {position:relative;float:left;width:1600px; height:400px; overflow:hidden; }
#focus .btn {position:absolute; width:100%; height:12px; left:0px; bottom:24px; text-align:center; z-index: 99;}
#focus .btn  span{width:10px; height:10px;  display: inline-block; margin-left: 8px; background: #e3b700; border-radius: 50%;}
#focus .btn  span.on{background: #000000;}
/* end banner */

.three{
	position: relative;
	width: 100%; height: 260px;
	background: #3b3b3b;
}
.threeBlue{
	position: absolute; z-index: 2 ;
	width: 50%; height: 260px;
	background: #0078c1;
}
.threeBox{ position: relative; z-index: 8; width: 1000px; height: 260px; margin: 0 auto;}

.searchBox{ float:left; width:250px; height:260px;}
.search{width:250px;height:36px; padding-top: 18px; }
.text{
	float:left;
	width:203px;height:34px;border:1px solid #c7c7c7;
	color:#666666;font-size:14px;line-height:34px; text-indent: 20px;
	background: #ffffff;
}
.btnsubmit{
	float:left;
	width:45px;height:36px; border: none;
	background: url(../images/search.jpg) left top no-repeat;
	cursor:pointer; 
}

.searchClaList{
	width: 250px; padding: 10px 0px;
}
.searchClaList li a{
	 width:204px; height: 36px; padding-right:46px; display:block; border-bottom: 1px solid #479ed2;
	 color:#ffffff;font-size:16px; line-height:36px;text-align: right ;
}
.searchClaList .more a{
	 width: 220px; height: 52px; padding-left:25px;  margin-bottom: 7px;display: block;
	 color:#0f1427;font-size:16px; line-height:52px;
	 background: url(../images/more.jpg) 215px center no-repeat #fe6716;
}

.ncBox{float:left; width: 468px; height:260px; padding: 0px 16px; background: #3b3b3b;}
.notice{ position:relative;width:468px;height:70px;}
.notice .title{ 
	float:left;
	width:74px;height:70px; padding-left:32px;  
	color:#aaaaaa;font-size:14px; line-height:70px; font-weight: bold;
	background: url(../images/notice.jpg) left center no-repeat;
}
.notice .noticenr{
	float:left;
	width:362px;height:70px;
	color:#aaaaaa; font-size:14px; line-height:70px; 
}
/* end search */ 


.casebg{position:relative;width:468px; height: 170px; background: #ffffff;}
.caseTitle{
	float:left;
	width: 226px;  height: 156px; padding-left: 16px; padding-top: 14px;
}
.caseTitle01{
	width: 200px; height:54px; padding:0px 5px; border-bottom: 1px solid #bebebe; 
	color:#333333;font-size:24px; line-height:32px; font-weight: bold;
}
.caseTitle01 span{
	display: block;
	width: 200px; height: 16px; 
	color:#999999;font-size:14px; line-height:18px; font-family: arial; font-weight: normal;
}
.caseLeft,.caseRight{ 
	width:18px; height:23px; border:1px solid #3b3b3b;
	color: #3b3b3b; font-size: 18px; font-family: '宋体';line-height:23px; text-align: center;
	cursor:pointer;
}
.caseLeft{position: absolute;left:185px; top:130px;}
.caseRight{position: absolute;left:210px; top:130px; }
#casePicUlId{ position:relative; float:left; width:226px;height: 170px; overflow: hidden;}
.casePicUlIdBox{position: absolute;left:0px; top:0px; height:170px; overflow:hidden;}
.casePicUl{position:relative;float:left;width:100%;height:170px; }
.casePicUl li{
	position:relative;float:left;
 	width:226px; height:170px; margin:0px;}
.casePicUl .pic{ width:226px; height:170px; }
.casePicUl .pic img{ display: block;}

.htmlcase2{ position:absolute; left:600px; top:0px;}


#casePicUlIdTitle{ position:relative; width:226px;height:60px; overflow: hidden;}
.casePicUlIdBoxTitle{position: absolute;left:0px; top:0px; height:60px; overflow:hidden;}
.casePicUlTitle{ position:relative;float:left;width:100%;height:60px; }
.casePicUlTitle li{
	position:relative;float:left;
 	width:226px; height:60px;  margin:0px;}
.casePicUlTitle li a{
	width: 200px; height: 46px; padding: 0px 5px 16px 5px;  display: block; padding-top: 14px;
	color:#0078c1;font-size:14px;line-height:20px;
}
.casePicUlTitle li a span{
	width: 200px; height: 26px; display: block;
	color:#666666;font-size:12px;line-height:16px;
}
.htmlcaseT2{ position:absolute; left:600px; top:0px;/* background: #000000;*/}
/*end casePic*/

.contact{
	float:left; position: relative;
	width: 250px; height: 260px;
	background: #ffffff;
}
.contact .num,.contactFen .num{
	width: 195px; height: 60px; padding-left: 55px;
	color: #ffffff; font-size:24px;line-height:60px; font-family: "century gothic";
	background: #008fd1;
}
.telImg{
	position: absolute;left:0px; top:-15px; z-index: 9999999;
}
.contactnr{
	width:228px; height:110px; padding:7px 16px; 
}
.contactnr p{
	width:194px; height: 34px; padding:7px 0px 0px 10px; display:block;clear:both;
	color:#666666; font-size:14px;  line-height:22px; 
}


.section{position:relative; width:100%; margin:auto;  clear:both; overflow: hidden; }
.sectionOver{position:relative; width:100%; margin:auto;  clear:both;}

.Ttitle { 
	position:relative;
	width:195px; height:78px; padding-left: 140px; padding-top: 12px; margin:0px auto;
	color:#3b3b3b;font-size:24px;line-height:30px; text-align: left; 
	background: url(../images/titlebg.png) center bottom no-repeat;
}
.Ttitle  span{
	display: block;
	width: 195px; height: 18px;
	color:#3b3b3b; font-size: 14px; line-height: 18px; font-family:arial; font-weight: normal;
}	
.Ttitlebg1,.Ttitlebg2{
	position: absolute;
	width: 62px; height: 62px; left:60px; top: 0px;;
}
.Ttitlebg1{background: url(../images/about.png) left top no-repeat;}
.Ttitlebg2{background: url(../images/probg.png) left top no-repeat;}		
/*end Ttitle*/

.comBox{
	width: 100%; background: #eeeeee;
}
.company{ 
	width:1000px; height:500px;margin:0px auto;
	background: url(../images/aboutbg.png) center top no-repeat;
}
.companyArrow{
	width: 60px; height: 56px; margin: 0 auto;
}
.comName{
	width: 1000px; height: 90px;
	color:#333333; font-size: 20px; line-height: 44px; font-weight: normal; letter-spacing:10px; text-align: center;
}
.comName span{
	display: block;
	width: 440px; height: 22px; border: 1px solid #272636;letter-spacing:5px; margin: 0 auto;
	color:#999999; font-size: 12px; line-height: 22px; text-transform: uppercase; font-weight: normal; text-align: center; 
	background: #eeeeee;
	
}
.comBody{
	width: 1000px; height: 240px; margin: 0 auto;
}
.comFont{
	float:left;
	width: 584px; height: 240px; padding-left: 26px; padding-right: 12px;
}
.comFontView{
	width: 564px; height: 150px; padding: 20px 10px; border-bottom: 3px solid #a6a6a6;border-top: 3px solid #a6a6a6;
	color:#666; font-size: 14px; line-height: 28px; overflow:hidden;
}
.comMore a{
	display: block;float:right; margin-right: 24px; margin-top: 28px;
	width: 170px; height: 26px; border: 1px solid #3b3b3b; padding: 0px 14px;
	color:#666; font-size: 14px; line-height: 26px; text-align:center;
	background: url(../images/more.png) 169px center no-repeat #ffffff;
}
.comImg{
	position:relative;float:left;
	width: 374px; height: 240;
}
.comImg img{
	position: relative; z-index: 10;
}
.comImgBorder{
	position: absolute; left:80px; top: 0px; z-index: 1;
	width: 276px; height: 146px; border:2px solid #0078c1;
}
/*.company  span{ 
	display: block;
	color:#a0a0a0; font-size: 14px; line-height: 36px;  font-weight: bold;  
}*/


.inProBd{ width:100%;  height: 540px; padding: 20px 0px;  margin: 0 auto; background: #ffffff;}


.inProBdBox{ width: 100%; padding-top: 24px; margin: 0 auto;}
.inProClaList{ position: relative; width:1000px; height: 40px; margin: 0 auto; }
.picRight,.picLeft{ 
	float:left;
	width:28px; height: 38px; border: 1px solid #3b3b3b;
	color:#3b3b3b; font-size: 24px; font-family: '宋体';line-height:38px; text-align: center;
	cursor: pointer;
}
.picListBd{
	position: relative;float:left;
	width: 926px; height: 38px;margin: 0px 6px; border: 1px solid #3b3b3b;
	overflow: hidden;
}
.picListBd2{position:absolute; left:0px; top:0px;  height:38px;  margin:0 auto; overflow:hidden;}
.htmlpic2{ position:absolute; left:3000px; top:0px;  }

.picListBd2 ul{float:left; width: 926px;height: 38px;  }
.picListBd2 ul li{ 
	float:left;
	width: 164px; height:38px;  padding: 0px 10px;
	color:#3b3b3b;font-size:14px;line-height:38px;word-break: break-all;font-weight: bold;
}
.inProClaList ul li a{color:#3b3b3b;}
.inProClaList ul li a:hover{color:#ffcc00;}
/*end inProClaList*/

.proListPic {position:relative;width:100%;height:378px; padding-top: 40px; overflow: hidden; }
.proListPic ul {
	 text-align: center;
}
.proListPic ul li{ 
	position: relative; display: inline-block;
	width:286px; height:356px; border: 1px solid #cfcfcf; margin-left:2px;
	overflow: hidden; }	
.proListPic ul li .pic{position:relative;width:286px; height:314px; border-bottom: 1px solid #cfcfcf;  }
.proListPic ul li .intro {
	 width: 266px; height: 40px; padding: 0px 10px; border-top: 1px solid #cfcfcf;
	 color:#3b3b3b;font-size:14px;line-height:40px; text-align: center;
}

.proListPic ul li .mask{
	position: absolute;left:0px; bottom: 0px; display: none;
	width: 240px; height: 260px;padding: 49px 24px; 
	color:#ffcc00;font-size:14px;line-height:32px; text-align:center; 
	background: url(../images/maskbg.png);
}
.proListPic ul li .mask a{
	width: 196px; height: 136px; display: block; padding: 10px 20px; border:2px solid #fff;
	color:#fff;font-size:14px;line-height:20px; text-align: left;  
}
.proListPic ul li .mask a p{color:#fff;font-size:14px;line-height:40px; text-align:left; font-weight: bold;  }
.proMore a{
	display: block; margin: 0 auto;margin-top:30px;
	width: 170px; height: 26px; border: 1px solid #3b3b3b; padding: 0px 14px;
	color:#666; font-size: 14px; line-height: 26px; text-align:center; 
	background: url(../images/more.png) 169px center no-repeat #ffffff;
}
/*end proListPic*/

.newsBg{
	position: relative;
	width: 100%; height: 280px; padding-top: 80px;
	background: url(../images/newsbg.jpg) center top; 
}
.newsListBd{ position: relative; width: 1000px; height: 220px; margin: 0 auto;}
.TtitleNews{
	position: absolute; left:395px; top:0px;
	width: 210px; height: 70px; padding-top: 90px;
	color:#fff; font-size: 24px; line-height: 34px;  text-align: center;
	background: url(../images/newstbg.png) center top;
}
.TtitleNews span{
	display: block;
	color:#fff; font-size: 14px; line-height: 20px;  text-align: center;
}
.newsMore a{
	position: absolute; left:400px; top:156px; z-index: 9999;
	display: block; margin: 0 auto;margin-top:30px;
	width: 170px; height: 26px; border: 1px solid #fff; padding: 0px 14px;
	color:#fff; font-size: 14px; line-height: 26px; text-align:center;
	background: url(../images/more2.png) 169px center no-repeat #0364a9;
}
.newsList{ position:relative; width: 1000px; height: 220px;}      
.newsListDl{ 
	float: left;
	width: 370px; height: 50px; margin-bottom: 36px;}
	
.newsListDl a{width: 370px; height: 50px; display:block; overflow: hidden;}
.newsListDl dt{ 
	float:left;
	width: 50px; height:48px; border: 1px solid #fff;
	color:#fff; font-size: 30px; line-height: 32px; text-align: center;
}	
.newsListDl dt span{
	display: block;
	color:#fff; font-size: 12px; line-height: 16px; text-align: center; /*font-weight: bold;*/
}
.newsListDl dd{float:left;width:306px;height:50px; padding-left: 12px;  }
.newsListDl .title {
	width: 306px; height: 26px; display: block;
	color:#fff; font-size:14px; line-height:26px; }	
.newsListDl .intro{
	width: 306px; height: 24px; display: block; 
	color:#85c1eb; font-size:14px; line-height:24px;}
/* end newsListDl */	
	
	
	
.machinePicBR{
	width: 100%; height: 680px;
	background: #3b3b3b;
}
.machinePic{
	position:relative;
	width: 1000px; height: 650px; margin:0 auto;
}
.machinePicUl{position:relative;width:1000px;height:330px;  padding-top:84px;}
.machinePicUl li{
	 position:relative;float:left;
	 width: 330px; height: 330px; margin-right:5px ;
}
.machinePicUl .casePicUlP{ width: 330px; height: 249px;}
.machinePicUl .casePicUlT{ 
	width: 310px;height: 40px; padding: 0px 10px;
	color:#fff; font-size:14px; line-height:40px; /*font-weight: bold;*/ text-align: center;
}

.machinePicUl .casePicUlA{
	width: 330px;height: 36px;
	animation: 'jump' 1s ease infinite;
	-webkit-animation:'jump' 1s  ease infinite;
}
@keyframes 'jump'{
	from{
		padding-top: 0px; height: 36px;
	}
	50%{
		padding-top: 10px;height: 26px;
	}
	to{
		padding-top: 0px;height: 36px;
	}
}
 @-webkit-keyframes 'jump' {
  	from{
		padding-top: 0px; height: 36px;
	}
	50%{
		padding-top: 10px;height: 26px;
	}
	to{
		padding-top: 0px;height: 36px;
	}
}


.machinePicUl .casePicUlA img{ display: block; margin: 0 auto;}

.TtitleMach{
	position: absolute; left:360px; top:450px;
	width: 176px; height: 100px; padding-top: 40px; padding-left: 104px;
	color:#fff; font-size: 24px; line-height: 34px;  text-align: left;
	background: url(../images/mach.png) 26px center no-repeat #0078c1;
}
.TtitleMach span{
	display: block;
	color:#fff; font-size: 14px; line-height: 20px;  text-align: left;
}
.machMore a{
	position: absolute; left:400px; top:590px;
	display: block; margin: 0 auto;margin-top:30px;
	width: 170px; height: 26px; border: 1px solid #fff; padding: 0px 14px;
	color:#fff; font-size: 14px; line-height: 26px; text-align:center;
	background: url(../images/more2.png) 169px center no-repeat #3b3b3b;
}
/*end machinePic*/

/* footer*/
.footer{ width:100%;background: #eaeaea; }
.linkBox{
	width: 100%; height:auto!important; height:70px; min-height: 70px; padding: 34px 0px;
	background:#ffffff;
}
.link{ 
	position: relative;
	width:1000px;height:auto!important; height:70px; min-height: 70px;  margin: 0px auto;
}
.linkTitle{
	float: left; position: relative;
	width: 1000px; height: 40px;
	color: #3b3b3b; font-size: 24px;line-height:40px; font-weight: bold; text-align: center;
}
.link_list{ 
	width: 1000px;height:auto!important; height:30px; min-height: 30px; text-align: center;}
.link_list a{
	display:inline-block;  padding-left: 20px;
	color:#565656;font-size:12px; line-height:30px;}
.link_list a:hover{color:#000000;}	
/*end link*/

.btnavlist{
	position: relative; 
	width: 1000px; height: 46px; margin: 0 auto; padding-top: 14px;
	color:#3b3b3b;text-align: center; 
 }
.btnavlist a{
	display: inline-block;
	color:#3b3b3b;font-size:14px; line-height: 46px;  }
.btnavlist a:hover{color:#000}	
/*end btnavlist*/

.footOne{ width: 1000px; height: 60px; padding-top:15px; margin: 0 auto; }
.share{
	float:left; padding-left: 280px;
	width:300px;height: 60px; }
.share li{ 
	position:relative;float:left;
	width: 150px; height: 40px;}
.share .list{width: 102px; height: 40px; line-height: 40px; padding-left: 48px; display: block;
	color:#666666}	
.share .qq{background: url(../images/qq.png) left top no-repeat;}
.share .qq2{background: url(../images/share.png) left top no-repeat;}
.share a.list:hover{ color: #000;}	
.shareList{ position: absolute;left:30px; top: 35px; z-index: 99; display: none;
	width:200px;}
.shareList a{ display: inline;}	

/*end share*/
.site{  
	float:left;
	width:155px;  height: 40px; padding-left: 45px; 
	color:#666666; font-size:14px;
	background: url(../images/site.png) left top no-repeat;  }
.site a{ color:#666666; line-height: 40px;  }
.site a:hover{color:#000}
/*end site*/

.copyrightnr{ 
	width:1000px;margin: 0 auto;
	color:#666666;font-size:12px; height:70px; line-height:24px;  text-align: center;  }
.copyrightnr a{color:#666666}
.copyrightnr a:hover{color:#000}
/*end copy*/


/* 分页样式 contact*/

.ThreeFen{
	position: relative;
	width: 100%; height: 70px; background: #3b3b3b;
}
.ThreeFenBlue{
	position: absolute;left:0px; top: 0px;z-index: 3;
	width: 50%; height: 70px; background: #0078c1;
}
.ThreeFenBox{
	position: relative;z-index: 4;
	width: 1000px; height: 70px; margin: 0 auto;
}
.noticeFen{float:left; width: 468px; height:70px; padding: 0px 16px; background: #3b3b3b;}

.contactFen{
	float:left; position: relative;
	width: 250px; height: 70px;
	background: #3b3b3b;
}


.mainConTitle{
	position:relative;
	width:1000px; height:50px;  padding-top: 6px; border-bottom: 1px solid #d0d0d0;
	color:#3b3b3b;font-size:24px;line-height:50px; text-align: left; 
}
.mainConTitle span{color: #4c4c4c; font-size: 14px; font-family:arial;}
.mainConTitle .position {  
	position: absolute; right: 0px; top:6px;
	height:46px;  
	color: #666666; font-size: 12px;line-height:50px;}
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#666666}
.mainConTitle .position span{ font-size: 12px;color:#666666; font-family: "微软雅黑";}
.mainConTitle .position font{ font-size: 12px; color:#666666;font-family: "微软雅黑";}
/*end mainConTitle*/

.main{position:relative; width:1000px;  margin:0 auto;  }
.leftProClaList{ width: 998px; border: 1px solid #000; margin: 20px auto 0px auto;}
.leftProClaListUl{
	width: 998px;  padding: 10px 0px;
}
.leftProClaListUl li{ float:left; position:relative;}
.leftProClaListUl li .wa{
	float:left;
	height: 30px; margin-left: 30px;  display: block;
	color:#000;font-size:14px;line-height:30px;
}
.leftProClaListUl li .wa:hover{
	color:#0078c1;
}

.leftProClaListUl li.on .wa{	
	color:#0078c1;
}
.leftProClaListUl li dl{ display:none; position:absolute; left:30px; top:30px; width:100%; background:#0078c1; z-index:99; border:solid 1px #0078c1; border-bottom:none; padding-bottom:10px;}
.leftProClaListUl li:hover dl{ display:block;}
.leftProClaListUl li dl dd{ width:100%; float:left;}
.leftProClaListUl li dl dd a{ width:100%; height:30px; float:left; font:12px/30px "微软雅黑"; color:#fff; text-indent:10px; overflow:hidden; border-bottom:solid 1px #fff;}
.leftProClaListUl li dl dd a:hover{ color:#0078c1; background:#fff;}



.proClaListTwoBg{ width: 100%; background: #0082d0;padding:5px 0; margin-top:20px;}
.proClaListTwo{
	width: 1000px;  margin: 0 auto;;
	color: #ffffff; font-size: 14px;line-height: 40px; }
.proClaListTwo a{color: #ffffff; font-size: 14px;line-height: 40px; padding:0px 25px;  display: inline-block;}
.proClaListTwo a:hover{ color: #000000;}


.mainCon{width:1000px;}
.mainConList{ padding-top: 20px;}	
.mainConList .pic1{ 
	position: relative;float:left;
	width:316px; height:418px; border:1px solid #cfcfcf;  margin-right: 23px; margin-bottom: 24px; 
	overflow: hidden; }	
.mainConList .pic1 dt .pic{
	position:relative;
	width:316px; height:237px; }
.mainConList .pic1 dt .title{
	 width: 256px; height:40px; padding:0px 30px; border-top: 1px solid #cfcfcf; 
	 color:#333333;font-size:14px;line-height:40px; text-align: center;  
}
.mainConList .pic1 dt .title span{
	position: absolute;right:0px; bottom: 0px;
	width: 30px; height: 30px;
	color:#fff;font-size:18px;line-height:30px; text-align: center;  
	background: #d35f02;
}
.mainConList .pic1 dd.mask{
	position: absolute;left:0px; bottom: 0px; display: none;
	width: 240px; height: 300px;padding: 59px 38px; 
	color:#ffcc00;font-size:14px;line-height:32px; text-align:center; 
	background: url(../images/maskbg.png);
}
.mainConList .pic1 dd.mask a{
	width: 196px; height: 136px; display: block; padding: 10px 20px; border:2px solid #fff;
	color:#fff;font-size:14px;line-height:20px; text-align: left;  
}
.mainConList .pic1 dd.mask a p{color:#fff;font-size:14px;line-height:40px; text-align:left; font-weight: bold;  }
 /*end pic1*/	

.mainConList .pic2{
	width:972px;height:122px;padding:13px;border:1px solid #cfcfcf; margin-bottom: 13px; 
	background: #f0f0f0;
}
.mainConList .pic2 dt{
	float: left; 
	width:160px; height:120px;border:1px solid #cfcfcf;margin-right:18px; }
.mainConList .pic2 dt img{ display:block;}
.mainConList .pic2 dd{float:left; width:786px;height:122px; padding-right: 5px;  }
.mainConList .pic2 .title{color:#333333;font-size:14px; line-height:40px; font-weight:bold;}
.mainConList .pic2 .intro{color:#666666;font-size:14px;line-height:22px}
.mainConList .pic2 .time{ color: #999999; font-size: 12px;line-height:30px}

/*end pic2*/

.mainConList ul{padding-top:10px;clear:both;  padding-bottom:10px;}
.mainConList ul li{
	width: 1000px; height: 98px; padding-top: 12px; 
	border-bottom:1px solid #d2d2d2; }
.mainConList ul li a{width: 1000px;height: 98px;display: block;
	color:#333333; font-size:14px; line-height:36px; font-weight: bold; }
.mainConList ul li span{ color: #a0a0a0;float: right; font-size:12px;line-height:36px; font-weight: normal;}
.mainConList ul li p{
	width: 1000px;
	color:#666666;font-size:12px;line-height:22px; font-weight: normal;
}
/*end ul*/

.pglist{ width:100%;clear:both;height:60px;padding-bottom:20px;border-bottom:1px solid #d2d2d2; }
.pglist ul{ width:100%;text-align:center; padding-top:20px;}
.pglist ul li{
	vertical-align: bottom; display:inline-block;*display:inline; *zoom:1;
 	width:30px;height:30px;*margin-left:5px;_display:inline; _zoom:1; _margin-left:5px;  border:1px solid #0082d0;
 	font-size:14px;line-height:30px; text-align:center; background:#0082d0}
.pglist ul li a{color:#fff; line-height:30px; display:block}
.pglist ul li.home,.pglist ul li.end{ width:60px; height:30px; border:1px  solid #0082d0;}
.pglist ul li.next,.pglist ul li.last{ 
	width:30px; height:30px;border:1px  solid #0082d0;
	font-size:24px;line-height: 30px;  font-family:'宋体'!important; font-weight:bold; }
.pglist ul li.on{background:#3a3a3a;border:1px  solid #3a3a3a;}
.pglist ul li.on a{color:#fff;}
.pglist ul li.nohover{background:#d4d4d4;border:1px  solid #d4d4d4;font-family:'微软雅黑';color:#fff}
.pglist ul li.nohover a{color:#fff;}
/*end pglist*/

.mainContect{ 
	color:#666;font-size:14px;line-height:30px;overflow:hidden;
	margin-top:16px; padding-top:15px; height:auto!important;min-height:260px;height:260px;word-wrap:break-word; word-break:break-all;
}

.mainContect img{ max-width: 100%;}

.mainContect .title{ 
	width:100%;
	color:#333333;font-size:22px; line-height:40px;text-align:center; }
.mainContect .time{
	width: 650px; height: 40px;border-bottom:1px solid #d0d0d0;padding-top:5px;padding-left:350px;
	color:#999999;font-size:12px;line-height:30px; font-weight:normal}
.mainContect .timea{ float:left;width:170px; font-size:12px;}	
.mainContect .bdsharebuttonbox{ float: left;}
.mainContect .pic{ width:100%; text-align:center;padding:20px 0px 0px 0px;}
.mainContect .pic img{margin:0 auto;}
.mainContect .con{ 
	padding-top:20px;
	color:#666666;font-size:14px;line-height:30px;word-wrap:break-word; word-break:break-all;overflow:hidden}
.mainContect .pgfy{
	 width:100%; border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0; padding-top:15px;padding-bottom:20px; margin: 20px auto 0px auto;}
.mainContect .pgfyl{float:left;  width:810px; padding-left: 20px;}
.mainContect .pgfyl p{ color:#666666;font-size: 14px;}
.mainContect .pgfyl p a{ color:#666666; font-size: 14px;}
.mainContect .pgfyl p a:hover{ color:#0078C1;}
.mainContect .pgfyr{
	float:left;
	width:150px; height:30px;  margin-top: 16px;
	background: #cd2223;}
.mainContect .pgfyr a{
	width:150px; height:30px; display: block;
	color:#ffffff;font-size:14px; line-height: 30px; text-align: center;}

/* hr*/
.hrBox{ width:634px; float:left; min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-top:20px;  margin-left:40px;_margin-left:30px; } 
.hrBoxL{ width:100px; float:left; text-align:center;  }
.hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align: bottom}
.jobName{ width:380px; float:left;}
.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}
.hrBoxL li.haode{ border-bottom:none;}
.hrBoxR{ width:533px; float:left; text-align:left; border-left:1px solid #dbdbdb;}
.hrBoxR li{ width:508px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #dbdbdb solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}
.hrBoxR li.topline{ overflow:hidden; height:30px;}
.hrBoxR li.topline img{ margin-top:3px;}
.hrBoxR li.haode{ border-bottom:none;}
.hrTable{ width:614px; float:left; height:440px; background:#efefef; border:1px solid #dbdbdb;margin-left:35px;_margin-left:17px;}
.tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #dbdbdb; font-weight:bold;}
.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; width:614px;}
.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #dbdbdb;}
.lineOneR{ width:509px; float:left; padding-left:10px;}
.tableMainL{ width:94px; float:left; border-right:1px solid #dbdbdb; text-align:center;}
.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;}
.tableMainR{ width:211px; float:left; border-right:1px solid #dbdbdb; text-align:left; }
.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainR li span{display:inline-block;}
.tableMainRno{ width:320px; float:left; text-align:left;}
.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainRno li span{display:inline-block;}
.input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;}
.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; }
.bottomLine{ width:614px; height:123px; border-bottom:1px solid #dbdbdb; }
.lineBootL{ width:94px; height:123px; border-right:1px solid #dbdbdb; text-align:center; float:left;}
.lineBootR{ width:509px; float:left; padding-left:10px;  height:123px;}
.are_hr{ width:470px; height:80px; margin-top:11px;}
.hr_btn{ width:614px; height:31px; line-height:31px;}
.hr_btnL{ width:310px; float:left; border-right:1px solid #dbdbdb; text-align:center; height:31px;}
.hr_btnR{ width:300px; float:left; text-align:center; }
.c_red{ color:#f00;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}

/* book*/
.mainContectx{ 
	color:#666;font-size:14px;line-height:30px;overflow:hidden;
	/*margin-top:16px; padding-top:15px;*/ height:auto!important;min-height:260px;height:260px;word-wrap:break-word; word-break:break-all;
}

.bookmain{width:998px;padding:0 10px;height:auto;font: 14px/30px 'microsoft yahei';color: #185e0b;margin:0 auto;}
.bookmain div{font-size:14px}
.bookline{width: 998px; height:34px; background-repeat:repeat-x; background-position: 0 0; margin:0 auto;margin-top:10px;}
.book3{ width:898px; margin:0 auto;}
.booktop{ width:998px; height:34px; float:left; background:url(../images/bookico.jpg) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:918px; height:34px; float:left; color:rgb(102,102,102); padding-left:40px; line-height:34px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:rgb(102,102,102); text-align:right; line-height:30px;}
.bookcontent{ width:976px; min-height:28px; height: auto!important; height:28px;float:left; border:1px solid #d6deef; background-color:#fff; padding:10px; color:#666666;}
.bookadmin{ width:998px; height:auto; float:left;}
.bookadmin_top{ width:998px; height:12px; float:left;}
.bookadmin_mid{ width:976px; min-height:30px; height: auto!important; height:30px; border:1px solid #d6deef; border-top: none; float:left; padding:10px; color:rgb(102,102,102); background: #ffffff;}
.bookadmin_mid .txtcon{ color:#0078c1; /*font-weight:bold;*/}
.messagecol{ color:rgb(102,102,102);}
.admincol{ color:#0078c1; /*font-weight:bold;*/}
.admintimecol{ color:#999999; font-size: 12px; *margin-top:-17px;}

.message{ width:700px; height:auto;float:left;padding-left:190px; color:rgb(102,102,102);}
.message li{ width:600px;height:38px; float:left; margin:10px; padding:0px;}
.message li input{ height:36px; line-height:36px; width:430px;}
.message li p.message_title{ width:100px; height:38px;  float:left; text-align:right; font-size:14px; line-height: 38px;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:600px;height:150px; float:left;}
.message li.contentb textarea{ width:430px; height:120px;}
.message li.yzm{ width:600px;height:60px; float:left;}
.message li p.message_yzminput{ width:160px; float:left;}
.message li p.message_yzminput input{ width:140px;}
.message li p.message_yzmico{ width:80px; height:40px; float:left;}
.message li p.message_sub a{ 
	float:left;
	width:190px; height:40px; display: block; 
	color:#fff; font-size: 16px; line-height: 40px; text-align: center;
	background: #0078c1;
}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}


/* fixed */
.fixed{
	position:fixed;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
	width:55px;height:212px;
	z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -53px no-repeat;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}




.mainContect2{ 
	color:#565656;font-size:14px;line-height:30px;overflow:hidden;
	padding:20px; height:auto!important;min-height:560px;height:560px;word-wrap:break-word; word-break:break-all;padding-bottom:20px;
}
.mainContect2 img{ max-width: 100%;}
.mainContect2 .title{ 
	width:100%;  padding-top:25px;
	color:#4b4b4b;font-size:18px;text-align:center; }

.mainContect2 .pic{ width:100%; text-align:center;padding:20px 0;}
.mainContect2 .pic img{margin:0 auto;}
.mainContect2 .con{ padding-bottom:20px;line-height:30px;font-size:14px; color:#4b4b4b;word-wrap:break-word; word-break:break-all;overflow:hidden}
.mainContect2 .pgfy{
	position: relative;
	 width:100%;  padding-top:15px;padding-bottom:20px; margin: 0 auto;}
.mainContect2 .pgfyl{width:100%;}
.mainContect2 .pgfyl p{
	padding-left:20px;
	color:#8d8d8d;font-size: 14px; line-height:36px;border-bottom:1px solid #d2d2d2;}
.mainContect2 .pgfyl p a{ color:#8d8d8d; font-size: 14px; line-height:36px;}
.mainContect2 .pgfyr{ 
	position: absolute; right:0px; top:50px;
	width:100px;height:36px;text-align:center;}
.mainContect2 .pgfyr a{ color:#8d8d8d;font-size:14px;line-height:36px;}


.online{  width: 700px; padding-top: 30px; margin:0 auto;}
.online li{ 
	float:left;
	margin-bottom: 18px;}
.online span{ 
	float:left;
	width: 120px; height: 30px; display: block;
 	color:#4e4e4e; font-size:16px;line-height: 30px; text-align: right;}
.online input{
	 width:120px;height: 28px; border:1px solid #dadada;
	color:#4e4e4e;font-size:16px; line-height: 28px; text-indent: 10px;
	background: #f4f4f4;}
.online input.address{ width: 522px;}	
.online textarea{
	width: 522px;border:1px solid #dadada;
	color:#4e4e4e;font-size:16px; line-height: 28px; text-indent: 10px;
	background: #f4f4f4;
}	
.online input.botton{ 
	width: 164px; height: 47px; border:none; cursor: pointer;
	color:#ffffff;font-size:24px; line-height: 47px; font-weight: bold;
}
.online input.submit{
	 margin-left: 220px;
	background:url(../images/submito.jpg) left top no-repeat ;
}
.online input.reset{
	 margin-left: 20px;
	background:url(../images/resito.jpg) left top no-repeat ;
}
.online input.data{
	background:url(../images/data.jpg) 150px center no-repeat ;
}